//
//  JHVisitorView.swift
//  Weibo_SwiftDemo
//
//  Created by gjh on 2020/12/27.
//

import UIKit

class JHVisitorView: UIView {

    // 注册按钮
    lazy var registerButton: UIButton = UIButton(title: "注册", titleColor: Spec.color.orange, highlightColor: Spec.color.black, backgroundImageName: "common_button_white_disable", fontSize: 16)
    // 登录按钮
    lazy var loginButton: UIButton = UIButton(title: "登录", titleColor: Spec.color.darkGray, highlightColor: Spec.color.black, backgroundImageName: "common_button_white_disable", fontSize: 16)
    // MARK: - 设置访客视图信息
    // 使用字典设置访客视图信息
    // 访客视图的信息字典 [imageName / message]
    // 提示:如果是首页 imageName = ""
    var visitorInfo: [String: String]? {
        didSet {
            guard let imageName = visitorInfo?["imageName"],
                  let message = visitorInfo?["message"]
            else { return }
            
            // 设置消息
            tipLabel.text = message
            
            // 设置图像,首页不需要设置
            if imageName == "" {
                startAnimation()
                return
            }
            iconView.image = UIImage(named: imageName)
            // 其他控制器的访客视图不需要显示小房子
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    
    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    // 旋转图标的动画,只在首页显示
    func startAnimation() {
        let anim = CABasicAnimation(keyPath: "transform.rotation") //表示旋转
        
        anim.toValue = 6 * Double.pi  // 设置旋转速度
        anim.repeatCount = MAXFLOAT   // 不停的旋转
        anim.duration = 15 // 转一圈 15s
        // 动画完成不删除,如果 iconView 被释放,动画一起销毁
        // 在设置连续播放的动画非常有用
        anim.isRemovedOnCompletion = false
        
        // 将动画添加到图层
        iconView.layer.add(anim, forKey: nil)
    }
    // MARK: - 私有控件
    // 图像视图
    private lazy var iconView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    // 遮罩图像
    private lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    // 小房子
    private lazy var houseIconView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    // 提示标签
    private lazy var tipLabel: UILabel = UILabel(title: "关注一些人,回这里看看有什么惊喜", fontSize: 14, color: Spec.color.darkGray)
    
    
    @objc func registerBtnClick() {
        
    }
    
}

extension JHVisitorView {
    func setupUI() {
        backgroundColor = UIColor(hex: 0xEDEDED)
        
        // 添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        // 取消 autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 自动布局
        addConstraint(NSLayoutConstraint(item: iconView, attribute: .centerX, relatedBy: .equal, toItem: self, attribute: .centerX, multiplier: 1.0, constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView, attribute: .centerY, relatedBy: .equal, toItem: self, attribute: .centerY, multiplier: 1.0, constant: -60))
        // 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1.0, constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView, attribute: .centerY, relatedBy: .equal, toItem: iconView, attribute: .centerY, multiplier: 1.0, constant: 0))
        // 提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1.0, constant:0))
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .top, relatedBy: .equal, toItem: iconView, attribute: .bottom, multiplier: 1.0, constant: 20))
        addConstraint(NSLayoutConstraint(item: tipLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 236))
        // 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .left, relatedBy: .equal, toItem: tipLabel, attribute: .left, multiplier: 1.0, constant: 0))
        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .top, relatedBy: .equal, toItem: tipLabel, attribute: .bottom, multiplier: 1.0, constant: 20))
        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 100))
        
        // 登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .right, relatedBy: .equal, toItem: tipLabel, attribute: .right, multiplier: 1.0, constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .top, relatedBy: .equal, toItem: tipLabel, attribute: .bottom, multiplier: 1.0, constant: 20))
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .width, relatedBy: .equal, toItem: registerButton, attribute: .width, multiplier: 1.0, constant: 0))
        // 设置遮罩
        // metrics: 定义 VFL 中()指定的常数映射关系
        let viewDic = ["maskIconView": maskIconView, "registerButton": registerButton]
        let metrics = ["spacing": -20]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|", options: [], metrics: nil, views: viewDic))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]", options: [], metrics: metrics, views: viewDic))
    }
}
